
@media only screen and (max-width:239px) { html{font-size:4px;} }
@media only screen and (min-width:240px) and (max-width:279px) { html{font-size:6px;} }
@media only screen and (min-width:280px) and (max-width:319px) { html{font-size:7px;} }
@media only screen and (min-width:320px) and (max-width:359px) { html{font-size:8px;} }
@media only screen and (min-width:360px) and (max-width:399px) { html{font-size:9px;} }
@media only screen and (min-width:400px) and (max-width:439px) { html{font-size:10px;} }
@media only screen and (min-width:440px) and (max-width:479px) { html{font-size:11px;} }
@media only screen and (min-width:480px) and (max-width:519px) { html{font-size:12px;} }
@media only screen and (min-width:520px) and (max-width:559px) { html{font-size:13px;} }
@media only screen and (min-width:560px) and (max-width:599px) { html{font-size:14px;} }
@media only screen and (min-width:600px) and (max-width:639px) { html{font-size:15px;} }
@media only screen and (min-width:640px) and (max-width:679px) { html{font-size:16px;} }
@media only screen and (min-width:680px) and (max-width:719px) { html{font-size:17px;} }
@media only screen and (min-width:720px) and (max-width:759px) { html{font-size:18px;} }
@media only screen and (min-width:760px) and (max-width:799px) { html{font-size:19px;} }
@media only screen and (min-width:800px) and (max-width:839px) { html{font-size:20px;} }
@media only screen and (min-width:840px) and (max-width:879px) { html{font-size:21px;} }
@media only screen and (min-width:880px) and (max-width:919px) { html{font-size:22px;} }
@media only screen and (min-width:920px) and (max-width:959px) { html{font-size:23px;} }
@media only screen and (min-width:960px) and (max-width:999px) { html{font-size:24px;} }
@media only screen and (min-width:1000px) and (max-width:1039px) { html{font-size:25px;} }
@media only screen and (min-width:1040px) and (max-width:1079px) { html{font-size:26px;} }
@media only screen and (min-width:1080px) and (max-width:1119px) { html{font-size:27px;} }
@media only screen and (min-width:1120px) and (max-width:1159px) { html{font-size:28px;} }
@media only screen and (min-width:1160px) and (max-width:1199px) { html{font-size:29px;} }
@media only screen and (min-width:1200px) and (max-width:1239px) { html{font-size:30px;} }
@media only screen and (min-width:1240px) and (max-width:1279px) { html{font-size:31px;} }
@media only screen and (min-width:1280px) and (max-width:1319px) { html{font-size:32px;} }
@media only screen and (min-width:1320px) and (max-width:1359px) { html{font-size:33px;} }
@media only screen and (min-width:1360px) and (max-width:1399px) { html{font-size:34px;} }
@media only screen and (min-width:1400px) and (max-width:1439px) { html{font-size:35px;} }
@media only screen and (min-width:1440px) and (max-width:1479px) { html{font-size:36px;} }
@media only screen and (min-width:1480px) and (max-width:1519px) { html{font-size:37px;} }
@media only screen and (min-width:1520px) and (max-width:1559px) { html{font-size:38px;} }
@media only screen and (min-width:1560px) and (max-width:1599px) { html{font-size:39px;} }
@media only screen and (min-width:1600px) and (max-width:1639px) { html{font-size:40px;} }
@media only screen and (min-width:1640px) and (max-width:1679px) { html{font-size:41px;} }
@media only screen and (min-width:1680px) and (max-width:1719px) { html{font-size:42px;} }
@media only screen and (min-width:1720px) and (max-width:1759px) { html{font-size:43px;} }
@media only screen and (min-width:1760px) and (max-width:1799px) { html{font-size:44px;} }
@media only screen and (min-width:1800px) and (max-width:1839px) { html{font-size:45px;} }
@media only screen and (min-width:1840px) and (max-width:1879px) { html{font-size:46px;} }
@media only screen and (min-width:1880px) and (max-width:1919px) { html{font-size:47px;} }
@media only screen and (min-width:1920px) { html{font-size:48px;} }

.font1{
  font-size: 1rem !important;
}
.font1_5{
  font-size: 1.5rem !important;
}
.font2{
  font-size: 2rem !important;
}
.font2_5{
  font-size: 2.5rem !important;
}
.font3{
  font-size: 3rem !important;
}
.font3_5{
  font-size: 3.5rem !important;
}
.font4{
  font-size: 4rem !important;
}
.font4_5{
  font-size: 4.5rem !important;
}
.font5{
  font-size: 5rem !important;
}
.font5_5{
  font-size: 5.5rem !important;
}

h1, .h1 {
  font-size: 3.7rem !important; }

h2, .h2 {
  font-size: 3.1rem !important; }

h3, .h3 {
  font-size: 2.5rem !important; }

h4, .h4 {
  font-size: 1.8rem !important; }

h5, .h5 {
  font-size: 1.5rem !important; }

h6, .h6 {
  font-size: 1.3rem !important; }

/*首页*/
/*banner的小黑点*/
.slider-pager .slider-pager-page{
  color:#fff;
  opacity: 1;
}
.slider-pager {
  text-align: center;
}
.slider-pager .slider-pager-page.active{
  color: red;
}
/*消息页*/
/*左边图标*/
.item-avatar > img:first-child,
.item-avatar .item-image,
.item-avatar .item-content > img:first-child,
.item-avatar .item-content .item-image,
.item-avatar-left > img:first-child,
.item-avatar-left .item-image,
.item-avatar-left .item-content > img:first-child,
.item-avatar-left .item-content .item-image {
  border-radius: 20%;
}
/*个人中心*/
.user_banner {
  background: red;
  text-align: center;
  color: #ffffff;
}
/*按首字母排序*/
.alpha_sidebar{
  position: absolute;
  top:50px;
  right: 	10px;
  z-index: 100000
}
.alpha_sidebar li{
  color: #49afcd;
  margin-bottom: 6px;
  cursor: pointer;
}
.alpha_list{
  padding-right: 22px;
}
.baseColor{
  color: rgb(251,72,66)
}
.baseColorUnderline{
  border-bottom: 2px solid rgb(251,72,66);
}
.baseBackground{
  background: rgb(251,72,66)
}
.shadowBackground{
  background: #eee;
}
.shadowColorThrough{
  color: rgb(213,213,213);
  text-decoration:line-through;
}
.shadowColor{
  color: rgb(213,213,213);
}
.noPad{
  padding: 0;
}
.verticalPad_10{
padding:  0 10px;
}
.verticalPad_20{
  padding: 0 20px;
}
.horizontalPad_10{
  padding: 10px 0;
}
.horizontalPad_20{
  padding: 20px 0;
}
.noVerticalBorder{
   border-left: 0;
  border-right: 0;
 }
.linkWord{
 text-decoration: underLine;
}
.dot_2{
  overflow: hidden;
  text-overflow: ellipsis;
 -webkit-line-clamp:2;
  display: -webkit-box;
  -webkit-box-orient: vertical;


}
.navSelected{
  border-bottom: 3px solid black;
}
.popup-container .popup{
  border-radius: 15px;
  margin: 0 10%;
  width: 80%;
}
.bgImg{
  border: 1px solid rgb(231,231,231);

 }
.bgImgHover{
  border: 1px solid rgb(250,188,3);
  color: rgb(250,188,3) ;
}
.searchHover{
  color: rgb(251,173,10);
  border-bottom: 1px solid rgb(251,173,10);
}
.storeHover{
  border-bottom: 1px solid rgb(247,121,82);
}
.AddressColor{
  color: rgb(250,188,3) ;
}
.noCoupon{
  background-image: url(../img/set/noCoupon.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.hasCoupon{
  background-image: url(../img/set/hasCoupon.jpg);
  background-repeat: no-repeat;
  background-size: 10rem 6.65rem;
  width: 100%;
}
.storeBg{
  position: relative;
  width: 100%;
  background: rgba(0,0,0,0.5);
  height: 120px;
}
.item-radio input:checked + .radio-content .item-content{
  background: white;
}
.radio-content .radio-icon {
  color: rgb(253,112,80);
}
.checkbox-icon{
width: 22px;

}
.checkbox-icon:before{
  border-radius: 0;

}
.checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before {
  background: rgb(251,72,66) ;
  border-color: rgb(251,72,66);
}
.list .item.item-accordion {
  line-height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  transition: 0.09s all linear;
}
.list .item.item-accordion.ng-hide {
  line-height: 0px;
}
.list .item.item-accordion.ng-hide-add,
.list .item.item-accordion.ng-hide-remove {
  display: block !important;
}
.col-57 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 57%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 57%;
  -ms-flex: 0 0 57%;
  flex: 0 0 57%;
  max-width: 57%; }
.col-15 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 15%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 15%;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%; }


/*timeLine*/
#cd-timeline {
  position: relative;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 10px !important;
}

#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 80%;
  width: 1px;
  background: rgb(222,222,222);
}
.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}

.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}

.cd-timeline-block:first-child {
  margin-top: 0;
}

.cd-timeline-block:last-child {
  margin-bottom: 0;
}

.cd-timeline-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border-color: #4a87ee;
  border-style: solid;
  border-width: 2px;
  padding-top: 5px;
  background: white;
}

.cd-timeline-icon i {
  color: #4a87ee;
}

.cd-timeline-picture {
  position: absolute;
  top: 0;
  left: 11px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border-color: rgb(222,222,222);
  border-style: solid;
  border-width: 2px;
  background: rgb(222,222,222);
}

.cd-timeline-picture img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
}

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  margin-bottom: 10px;
  padding: 5px;
}

.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.cd-timeline-content h2 {
  color: #303e49;
}

.cd-timeline-content p,
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
  font-size: 13px;
}

.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
  display: inline-block;
}

.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}

.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 93%;
  max-width: 1170px;
  margin: 0 auto;
}

.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/**
 * Action Sheets
 * --------------------------------------------------
 */
.action-sheet-backdrop {
  -webkit-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0); }
.action-sheet-backdrop.active {
  background-color: rgba(0, 0, 0, 0.4); }

.action-sheet-wrapper {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 500ms;
  transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 500ms;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 500px;
  margin: auto; }

.action-sheet-up {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.action-sheet {
  margin-left: 8px;
  margin-right: 8px;
  width: auto;
  z-index: 11;
  overflow: hidden; }
.action-sheet .button {
  display: block;
  padding: 1px;
  width: 100%;
  border-radius: 0;
  border-color: #d1d3d6;
  background-color: transparent;
  color: black;
  font-size: 21px; }
.action-sheet .button:hover {
  color: black; }
.action-sheet .button.destructive {
  color: #ff3b30; }
.action-sheet .button.destructive:hover {
  color: #ff3b30; }
.action-sheet .button.active, .action-sheet .button.activated {
  box-shadow: none;
  border-color: #d1d3d6;
  color: black;
  background: #e4e5e7; }

.action-sheet-has-icons .icon {
  position: absolute;
  left: 16px; }

.action-sheet-title {
  padding: 16px;
  color: #8f8f8f;
  text-align: center;
  font-size: 13px; }

.action-sheet-group {
  margin-bottom: 8px;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden; }
.action-sheet-group .button {
  border-width: 1px 0px 0px 0px; }
.action-sheet-group .button:first-child:last-child {
  border-width: 0; }

.action-sheet-options {
  background: #f1f2f3; }

.action-sheet-cancel .button {
  font-weight: 500; }

.action-sheet-open {
  pointer-events: none; }
.action-sheet-open.modal-open .modal {
  pointer-events: none; }
.action-sheet-open .action-sheet-backdrop {
  pointer-events: auto; }

.platform-android .action-sheet-backdrop.active {
  background-color: rgba(0, 0, 0, 0.4); }
.platform-android .action-sheet {
  margin-left: 8px;
  margin-right: 8px;
  width: auto;
  z-index: 11;
  overflow: hidden; }
.platform-android .action-sheet .button {
  display: block;
  padding: 1px;
  width: 100%;
  border-radius: 0;
  border-color: #d1d3d6;
  background-color: transparent;
  color: black;
  text-align: center;
  font-size: 21px;}

.platform-android .action-sheet .action-sheet-title {
  padding: 16px;
  color: #8f8f8f;
  text-align: center;
  font-size: 13px; }
.platform-android .action-sheet .button.active, .platform-android .action-sheet .button.activated {
  box-shadow: none;
  border-color: #d1d3d6;
  color: black;
  background: #e4e5e7;; }
.platform-android .action-sheet-group {
  margin-bottom: 8px;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden; }
.platform-android .action-sheet-cancel {
  font-weight: 500;}
.platform-android .action-sheet-has-icons .button {
  position: absolute;
  left: 16px; }

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.1s opacity linear;
  transition: 0.1s opacity linear; }
.backdrop.visible {
  visibility: visible; }
.backdrop.active {
  opacity: 1; }
.col-48 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 48%;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
}
